<style type="text/css">
.tab1 { background-color: #00ffff; }
.tab2 { background-color: #ff00ff; }
.tab3 { background-color: #00ff00; }
.tabs .body { border: 1px solid red; }
</style>
<script type="text/javascript">
$(function(){
	var tabs = $('.tabs');
	tabs.mac('tabs', {
		//tabWidth: 120,//Use auto width
		tabHeight: 28,//default 26
		speed: 8, //default 6
		hbarHeight: 1, //default 2
		items: [{
			code: 'tab1',
			title: 'Default Height Tab',
			url: '/mac/js/tabs/tab3.html',
			autoLoad: true,
			height: '100%',
			bodyCls: 'tab1'
		},{
			code: 'tab2',
			title: 'Auto Height Tab',
			url: '/mac/js/tabs/tab4.html',
			autoLoad: false,
			height: 'auto',
			bodyCls: 'tab2'
		},{
			code: 'tab3',
			title: 'Fix Height Tab',
			url: '/mac/js/tabs/tab5.html',
			autoLoad: false,
			height: 200,
			bodyCls: 'tab3'
		}]
	}).selectFirst();
});
</script>
<div class="tabs" style="height: 410px; margin: 4px;"></div>argin: 4px;"></div>